<!DOCTYPE html>
<html>
<head><!--[if lt IE 9]>
  <script
      language="javascript"
      type="text/javascript" src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->
  <meta charset="UTF-8">
  <style>/*
 * Bootstrap v2.2.1
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
  .clearfix {
    *zoom: 1;
  }

  .clearfix:before,
  .clearfix:after {
    display: table;
    content: "";
    line-height: 0;
  }

  .clearfix:after {
    clear: both;
  }

  html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
  }

  a:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
  }

  a:hover,
  a:active {
    outline: 0;
  }

  button,
  input,
  select,
  textarea {
    margin: 0;
    font-size: 100%;
    vertical-align: middle;
  }

  button,
  input {
    *overflow: visible;
    line-height: normal;
  }

  button::-moz-focus-inner,
  input::-moz-focus-inner {
    padding: 0;
    border: 0;
  }

  body {
    margin: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    background-color: #fff;
  }

  a {
    color: #08c;
    text-decoration: none;
  }

  a:hover {
    color: #005580;
    text-decoration: underline;
  }

  .row {
    margin-left: -20px;
    *zoom: 1;
  }

  .row:before,
  .row:after {
    display: table;
    content: "";
    line-height: 0;
  }

  .row:after {
    clear: both;
  }

  [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
  }

  .container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 940px;
  }

  .span12 {
    width: 940px;
  }

  .span11 {
    width: 860px;
  }

  .span10 {
    width: 780px;
  }

  .span9 {
    width: 700px;
  }

  .span8 {
    width: 620px;
  }

  .span7 {
    width: 540px;
  }

  .span6 {
    width: 460px;
  }

  .span5 {
    width: 380px;
  }

  .span4 {
    width: 300px;
  }

  .span3 {
    width: 220px;
  }

  .span2 {
    width: 140px;
  }

  .span1 {
    width: 60px;
  }

  [class*="span"].pull-right,
  .row-fluid [class*="span"].pull-right {
    float: right;
  }

  .container {
    margin-right: auto;
    margin-left: auto;
    *zoom: 1;
  }

  .container:before,
  .container:after {
    display: table;
    content: "";
    line-height: 0;
  }

  .container:after {
    clear: both;
  }

  p {
    margin: 0 0 10px;
  }

  .lead {
    margin-bottom: 20px;
    font-size: 21px;
    font-weight: 200;
    line-height: 30px;
  }

  small {
    font-size: 85%;
  }

  h1 {
    margin: 10px 0;
    font-family: inherit;
    font-weight: bold;
    line-height: 20px;
    color: inherit;
    text-rendering: optimizelegibility;
  }

  h1 small {
    font-weight: normal;
    line-height: 1;
    color: #999;
  }

  h1 {
    line-height: 40px;
  }

  h1 {
    font-size: 38.5px;
  }

  h1 small {
    font-size: 24.5px;
  }

  body {
    margin-top: 90px;
  }

  .header {
    position: fixed;
    top: 0;
    left: 50%;
    margin-left: -480px;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    padding-top: 10px;
    z-index: 10;
  }

  .footer {
    color: #ddd;
    font-size: 12px;
    text-align: center;
    margin-top: 20px;
  }

  .footer a {
    color: #ccc;
    text-decoration: underline;
  }

  .the-icons {
    font-size: 14px;
    line-height: 24px;
  }

  .switch {
    position: absolute;
    right: 0;
    bottom: 10px;
    color: #666;
  }

  .switch input {
    margin-right: 0.3em;
  }

  .codesOn .i-name {
    display: none;
  }

  .codesOn .i-code {
    display: inline;
  }

  .i-code {
    display: none;
  }

  @font-face {
    font-family: 'fontello';
    src: url('./font/fontello.eot?10128968');
    src: url('./font/fontello.eot?10128968#iefix') format('embedded-opentype'),
    url('./font/fontello.woff?10128968') format('woff'),
    url('./font/fontello.ttf?10128968') format('truetype'),
    url('./font/fontello.svg?10128968#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
  }


  .demo-icon {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;

    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */

    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;

    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;

    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;

    /* You can be more comfortable with increased icons size */
    /* font-size: 120%; */

    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
  }
  </style>
  <link
      href="css/animation.css"
      rel="stylesheet"
  >
  <!--[if IE 7]>
  <link rel="stylesheet"
        href="css/"
        +
        font.fontname
        + "-ie7.css"><![endif]-->
  <script>
    function toggleCodes(on) {
      var obj = document.getElementById('icons');

      if (on) {
        obj.className += ' codesOn';
      } else {
        obj.className = obj.className.replace(' codesOn', '');
      }
    }
  </script>
</head>
<body>
<div class="container header">
  <h1>fontello <small>font demo</small></h1>
  <label class="switch">
    <input
        onclick="toggleCodes(this.checked)"
        type="checkbox"
    >show codes
  </label>
</div>
<div
    class="container"
    id="icons"
>
  <div class="row">
    <div
        class="the-icons span3"
        title="Code: 0xe800"
    ><i
        class="demo-icon icon-webrtc-hangup"
    >&#xe800;</i> <span class="i-name">icon-webrtc-hangup</span><span
        class="i-code"
    >0xe800</span></div>
    <div
        class="the-icons span3"
        title="Code: 0xe801"
    ><i
        class="demo-icon icon-cog"
    >&#xe801;</i> <span
        class="i-name"
    >icon-cog</span><span class="i-code">0xe801</span></div>
    <div
        class="the-icons span3"
        title="Code: 0xe802"
    ><i
        class="demo-icon icon-pencil"
    >&#xe802;</i> <span class="i-name">icon-pencil</span><span
        class="i-code"
    >0xe802</span></div>
    <div
        class="the-icons span3"
        title="Code: 0xe803"
    ><i
        class="demo-icon icon-mail"
    >&#xe803;</i> <span
        class="i-name"
    >icon-mail</span><span class="i-code">0xe803</span></div>
  </div>
  <div class="row">
    <div
        class="the-icons span3"
        title="Code: 0xe804"
    ><i
        class="demo-icon icon-mic"
    >&#xe804;</i> <span
        class="i-name"
    >icon-mic</span><span class="i-code">0xe804</span></div>
    <div
        class="the-icons span3"
        title="Code: 0xe805"
    ><i
        class="demo-icon icon-volume-2"
    >&#xe805;</i> <span class="i-name">icon-volume-2</span><span
        class="i-code"
    >0xe805</span></div>
    <div
        class="the-icons span3"
        title="Code: 0xe806"
    ><i
        class="demo-icon icon-volume-1"
    >&#xe806;</i> <span class="i-name">icon-volume-1</span><span
        class="i-code"
    >0xe806</span></div>
    <div
        class="the-icons span3"
        title="Code: 0xe807"
    ><i
        class="demo-icon icon-volume-off"
    >&#xe807;</i> <span class="i-name">icon-volume-off</span><span
        class="i-code"
    >0xe807</span></div>
  </div>
  <div class="row">
    <div
        class="the-icons span3"
        title="Code: 0xe808"
    ><i
        class="demo-icon icon-search"
    >&#xe808;</i> <span class="i-name">icon-search</span><span
        class="i-code"
    >0xe808</span></div>
    <div
        class="the-icons span3"
        title="Code: 0xe809"
    ><i
        class="demo-icon icon-home"
    >&#xe809;</i> <span
        class="i-name"
    >icon-home</span><span class="i-code">0xe809</span></div>
    <div
        class="the-icons span3"
        title="Code: 0xe80a"
    ><i
        class="demo-icon icon-sign-out"
    >&#xe80a;</i> <span class="i-name">icon-sign-out</span><span
        class="i-code"
    >0xe80a</span></div>
    <div
        class="the-icons span3"
        title="Code: 0xe80b"
    ><i
        class="demo-icon icon-remove"
    >&#xe80b;</i> <span class="i-name">icon-remove</span><span
        class="i-code"
    >0xe80b</span></div>
  </div>
  <div class="row">
    <div
        class="the-icons span3"
        title="Code: 0xe80c"
    ><i
        class="demo-icon icon-add"
    >&#xe80c;</i> <span
        class="i-name"
    >icon-add</span><span class="i-code">0xe80c</span></div>
    <div
        class="the-icons span3"
        title="Code: 0xe80d"
    ><i
        class="demo-icon icon-girl"
    >&#xe80d;</i> <span
        class="i-name"
    >icon-girl</span><span class="i-code">0xe80d</span></div>
    <div
        class="the-icons span3"
        title="Code: 0xe80e"
    ><i
        class="demo-icon icon-boy"
    >&#xe80e;</i> <span
        class="i-name"
    >icon-boy</span><span class="i-code">0xe80e</span></div>
    <div
        class="the-icons span3"
        title="Code: 0xe80f"
    ><i
        class="demo-icon icon-register"
    >&#xe80f;</i> <span class="i-name">icon-register</span><span
        class="i-code"
    >0xe80f</span></div>
  </div>
  <div class="row">
    <div
        class="the-icons span3"
        title="Code: 0xe810"
    ><i
        class="demo-icon icon-skull"
    >&#xe810;</i> <span class="i-name">icon-skull</span><span
        class="i-code"
    >0xe810</span></div>
    <div
        class="the-icons span3"
        title="Code: 0xe811"
    ><i
        class="demo-icon icon-woman"
    >&#xe811;</i> <span class="i-name">icon-woman</span><span
        class="i-code"
    >0xe811</span></div>
    <div
        class="the-icons span3"
        title="Code: 0xe812"
    ><i
        class="demo-icon icon-man"
    >&#xe812;</i> <span
        class="i-name"
    >icon-man</span><span class="i-code">0xe812</span></div>
    <div
        class="the-icons span3"
        title="Code: 0xe813"
    ><i
        class="demo-icon icon-user-secret"
    >&#xe813;</i> <span class="i-name">icon-user-secret</span><span
        class="i-code"
    >0xe813</span></div>
  </div>
  <div class="row">
    <div
        class="the-icons span3"
        title="Code: 0xe814"
    ><i
        class="demo-icon icon-login"
    >&#xe814;</i> <span class="i-name">icon-login</span><span
        class="i-code"
    >0xe814</span></div>
    <div
        class="the-icons span3"
        title="Code: 0xe815"
    ><i
        class="demo-icon icon-mute"
    >&#xe815;</i> <span
        class="i-name"
    >icon-mute</span><span class="i-code">0xe815</span></div>
    <div
        class="the-icons span3"
        title="Code: 0xe816"
    ><i
        class="demo-icon icon-cancel"
    >&#xe816;</i> <span class="i-name">icon-cancel</span><span
        class="i-code"
    >0xe816</span></div>
    <div
        class="the-icons span3"
        title="Code: 0xe817"
    ><i
        class="demo-icon icon-settings"
    >&#xe817;</i> <span class="i-name">icon-settings</span><span
        class="i-code"
    >0xe817</span></div>
  </div>
  <div class="row">
    <div
        class="the-icons span3"
        title="Code: 0xe818"
    ><i
        class="demo-icon icon-users"
    >&#xe818;</i> <span class="i-name">icon-users</span><span
        class="i-code"
    >0xe818</span></div>
    <div
        class="the-icons span3"
        title="Code: 0xe819"
    ><i
        class="demo-icon icon-wrench"
    >&#xe819;</i> <span class="i-name">icon-wrench</span><span
        class="i-code"
    >0xe819</span></div>
    <div
        class="the-icons span3"
        title="Code: 0xe81a"
    ><i
        class="demo-icon icon-quote-left"
    >&#xe81a;</i> <span class="i-name">icon-quote-left</span><span
        class="i-code"
    >0xe81a</span></div>
    <div
        class="the-icons span3"
        title="Code: 0xe81b"
    ><i
        class="demo-icon icon-heart"
    >&#xe81b;</i> <span class="i-name">icon-heart</span><span
        class="i-code"
    >0xe81b</span></div>
  </div>
  <div class="row">
    <div
        class="the-icons span3"
        title="Code: 0xe81c"
    ><i
        class="demo-icon icon-webrtc-fullscreen"
    >&#xe81c;</i> <span
        class="i-name"
    >icon-webrtc-fullscreen</span><span
        class="i-code"
    >0xe81c</span></div>
    <div
        class="the-icons span3"
        title="Code: 0xe81d"
    ><i
        class="demo-icon icon-volume-3"
    >&#xe81d;</i> <span class="i-name">icon-volume-3</span><span
        class="i-code"
    >0xe81d</span></div>
    <div
        class="the-icons span3"
        title="Code: 0xe81e"
    ><i
        class="demo-icon icon-webrtc-minimizedscreen"
    >&#xe81e;</i> <span
        class="i-name"
    >icon-webrtc-minimizedscreen</span><span class="i-code">0xe81e</span>
    </div>
    <div
        class="the-icons span3"
        title="Code: 0xe81f"
    ><i
        class="demo-icon icon-sign-in"
    >&#xe81f;</i> <span class="i-name">icon-sign-in</span><span
        class="i-code"
    >0xe81f</span></div>
  </div>
  <div class="row">
    <div
        class="the-icons span3"
        title="Code: 0xe820"
    ><i
        class="demo-icon icon-clear"
    >&#xe820;</i> <span class="i-name">icon-clear</span><span
        class="i-code"
    >0xe820</span></div>
    <div
        class="the-icons span3"
        title="Code: 0xe821"
    ><i
        class="demo-icon icon-webrtc-video"
    >&#xe821;</i> <span class="i-name">icon-webrtc-video</span><span
        class="i-code"
    >0xe821</span></div>
    <div
        class="the-icons span3"
        title="Code: 0xe822"
    ><i
        class="demo-icon icon-webrtc-novideo"
    >&#xe822;</i> <span class="i-name">icon-webrtc-novideo</span><span
        class="i-code"
    >0xe822</span></div>
    <div
        class="the-icons span3"
        title="Code: 0xe823"
    ><i
        class="demo-icon icon-videocam"
    >&#xe823;</i> <span class="i-name">icon-videocam</span><span
        class="i-code"
    >0xe823</span></div>
  </div>
  <div class="row">
    <div
        class="the-icons span3"
        title="Code: 0xe824"
    ><i
        class="demo-icon icon-phone"
    >&#xe824;</i> <span class="i-name">icon-phone</span><span
        class="i-code"
    >0xe824</span></div>
    <div
        class="the-icons span3"
        title="Code: 0xe825"
    ><i
        class="demo-icon icon-mic-1"
    >&#xe825;</i> <span class="i-name">icon-mic-1</span><span
        class="i-code"
    >0xe825</span></div>
    <div
        class="the-icons span3"
        title="Code: 0xe826"
    ><i
        class="demo-icon icon-chart-bar"
    >&#xe826;</i> <span class="i-name">icon-chart-bar</span><span
        class="i-code"
    >0xe826</span></div>
    <div
        class="the-icons span3"
        title="Code: 0xe827"
    ><i
        class="demo-icon icon-chart-area"
    >&#xe827;</i> <span class="i-name">icon-chart-area</span><span
        class="i-code"
    >0xe827</span></div>
  </div>
  <div class="row">
    <div
        class="the-icons span3"
        title="Code: 0xe828"
    ><i
        class="demo-icon icon-chart-pie"
    >&#xe828;</i> <span class="i-name">icon-chart-pie</span><span
        class="i-code"
    >0xe828</span></div>
    <div
        class="the-icons span3"
        title="Code: 0xe829"
    ><i
        class="demo-icon icon-chart-line"
    >&#xe829;</i> <span class="i-name">icon-chart-line</span><span
        class="i-code"
    >0xe829</span></div>
    <div
        class="the-icons span3"
        title="Code: 0xe82a"
    ><i
        class="demo-icon icon-smile"
    >&#xe82a;</i> <span class="i-name">icon-smile</span><span
        class="i-code"
    >0xe82a</span></div>
    <div
        class="the-icons span3"
        title="Code: 0xe82b"
    ><i
        class="demo-icon icon-snow-heavy-inv"
    >&#xe82b;</i> <span class="i-name">icon-snow-heavy-inv</span><span
        class="i-code"
    >0xe82b</span></div>
  </div>
  <div class="row">
    <div
        class="the-icons span3"
        title="Code: 0xe82c"
    ><i
        class="demo-icon icon-phone-circled"
    >&#xe82c;</i> <span class="i-name">icon-phone-circled</span><span
        class="i-code"
    >0xe82c</span></div>
    <div
        class="the-icons span3"
        title="Code: 0xe82d"
    ><i
        class="demo-icon icon-hang-up"
    >&#xe82d;</i> <span class="i-name">icon-hang-up</span><span
        class="i-code"
    >0xe82d</span></div>
    <div
        class="the-icons span3"
        title="Code: 0xe82e"
    ><i
        class="demo-icon icon-no-videocam"
    >&#xe82e;</i> <span class="i-name">icon-no-videocam</span><span
        class="i-code"
    >0xe82e</span></div>
    <div
        class="the-icons span3"
        title="Code: 0xe82f"
    ><i
        class="demo-icon icon-call-aswer"
    >&#xe82f;</i> <span class="i-name">icon-call-aswer</span><span
        class="i-code"
    >0xe82f</span></div>
  </div>
  <div class="row">
    <div
        class="the-icons span3"
        title="Code: 0xe830"
    ><i
        class="demo-icon icon-user"
    >&#xe830;</i> <span
        class="i-name"
    >icon-user</span><span class="i-code">0xe830</span></div>
    <div
        class="the-icons span3"
        title="Code: 0xe831"
    ><i
        class="demo-icon icon-key"
    >&#xe831;</i> <span
        class="i-name"
    >icon-key</span><span class="i-code">0xe831</span></div>
    <div
        class="the-icons span3"
        title="Code: 0xe832"
    ><i
        class="demo-icon icon-lock"
    >&#xe832;</i> <span
        class="i-name"
    >icon-lock</span><span class="i-code">0xe832</span></div>
    <div
        class="the-icons span3"
        title="Code: 0xe833"
    ><i
        class="demo-icon icon-user-pair"
    >&#xe833;</i> <span class="i-name">icon-user-pair</span><span
        class="i-code"
    >0xe833</span></div>
  </div>
  <div class="row">
    <div
        class="the-icons span3"
        title="Code: 0xe834"
    ><i
        class="demo-icon icon-plus-squared"
    >&#xe834;</i> <span class="i-name">icon-plus-squared</span><span
        class="i-code"
    >0xe834</span></div>
    <div
        class="the-icons span3"
        title="Code: 0xe835"
    ><i
        class="demo-icon icon-webrtc-mic"
    >&#xe835;</i> <span class="i-name">icon-webrtc-mic</span><span
        class="i-code"
    >0xe835</span></div>
    <div
        class="the-icons span3"
        title="Code: 0xe836"
    ><i
        class="demo-icon icon-plus"
    >&#xe836;</i> <span
        class="i-name"
    >icon-plus</span><span class="i-code">0xe836</span></div>
    <div
        class="the-icons span3"
        title="Code: 0xe837"
    ><i
        class="demo-icon icon-webrtc-nomic"
    >&#xe837;</i> <span class="i-name">icon-webrtc-nomic</span><span
        class="i-code"
    >0xe837</span></div>
  </div>
  <div class="row">
    <div
        class="the-icons span3"
        title="Code: 0xe838"
    ><i
        class="demo-icon icon-picture"
    >&#xe838;</i> <span class="i-name">icon-picture</span><span
        class="i-code"
    >0xe838</span></div>
    <div
        class="the-icons span3"
        title="Code: 0xe839"
    ><i
        class="demo-icon icon-user-plus"
    >&#xe839;</i> <span class="i-name">icon-user-plus</span><span
        class="i-code"
    >0xe839</span></div>
    <div
        class="the-icons span3"
        title="Code: 0xe83a"
    ><i
        class="demo-icon icon-cancel-circled-outline"
    >&#xe83a;</i> <span
        class="i-name"
    >icon-cancel-circled-outline</span><span class="i-code">0xe83a</span>
    </div>
    <div
        class="the-icons span3"
        title="Code: 0xe83b"
    ><i
        class="demo-icon icon-angle-circled-down"
    >&#xe83b;</i> <span
        class="i-name"
    >icon-angle-circled-down</span><span
        class="i-code"
    >0xe83b</span></div>
  </div>
  <div class="row">
    <div
        class="the-icons span3"
        title="Code: 0xe83c"
    ><i
        class="demo-icon icon-angle-circled-up"
    >&#xe83c;</i> <span
        class="i-name"
    >icon-angle-circled-up</span><span
        class="i-code"
    >0xe83c</span></div>
    <div
        class="the-icons span3"
        title="Code: 0xe83d"
    ><i
        class="demo-icon icon-brush-1"
    >&#xe83d;</i> <span class="i-name">icon-brush-1</span><span
        class="i-code"
    >0xe83d</span></div>
    <div
        class="the-icons span3"
        title="Code: 0xe83e"
    ><i
        class="demo-icon icon-trash-circled"
    >&#xe83e;</i> <span class="i-name">icon-trash-circled</span><span
        class="i-code"
    >0xe83e</span></div>
    <div
        class="the-icons span3"
        title="Code: 0xe83f"
    ><i
        class="demo-icon icon-send"
    >&#xe83f;</i> <span
        class="i-name"
    >icon-send</span><span class="i-code">0xe83f</span></div>
  </div>
  <div class="row">
    <div
        class="the-icons span3"
        title="Code: 0xe840"
    ><i
        class="demo-icon icon-popup"
    >&#xe840;</i> <span class="i-name">icon-popup</span><span
        class="i-code"
    >0xe840</span></div>
    <div
        class="the-icons span3"
        title="Code: 0xe841"
    ><i
        class="demo-icon icon-zoom-out"
    >&#xe841;</i> <span class="i-name">icon-zoom-out</span><span
        class="i-code"
    >0xe841</span></div>
    <div
        class="the-icons span3"
        title="Code: 0xe842"
    ><i
        class="demo-icon icon-zoom-in"
    >&#xe842;</i> <span class="i-name">icon-zoom-in</span><span
        class="i-code"
    >0xe842</span></div>
    <div
        class="the-icons span3"
        title="Code: 0xe843"
    ><i
        class="demo-icon icon-resize"
    >&#xe843;</i> <span class="i-name">icon-resize</span><span
        class="i-code"
    >0xe843</span></div>
  </div>
  <div class="row">
    <div
        class="the-icons span3"
        title="Code: 0xe844"
    ><i
        class="demo-icon icon-redo"
    >&#xe844;</i> <span
        class="i-name"
    >icon-redo</span><span class="i-code">0xe844</span></div>
    <div
        class="the-icons span3"
        title="Code: 0xe845"
    ><i
        class="demo-icon icon-fill"
    >&#xe845;</i> <span
        class="i-name"
    >icon-fill</span><span class="i-code">0xe845</span></div>
    <div
        class="the-icons span3"
        title="Code: 0xe846"
    ><i
        class="demo-icon icon-paint-bucket"
    >&#xe846;</i> <span class="i-name">icon-paint-bucket</span><span
        class="i-code"
    >0xe846</span></div>
    <div
        class="the-icons span3"
        title="Code: 0xe847"
    ><i
        class="demo-icon icon-selection"
    >&#xe847;</i> <span class="i-name">icon-selection</span><span
        class="i-code"
    >0xe847</span></div>
  </div>
  <div class="row">
    <div
        class="the-icons span3"
        title="Code: 0xe848"
    ><i
        class="demo-icon icon-github"
    >&#xe848;</i> <span class="i-name">icon-github</span><span
        class="i-code"
    >0xe848</span></div>
    <div
        class="the-icons span3"
        title="Code: 0xe849"
    ><i
        class="demo-icon icon-undo"
    >&#xe849;</i> <span
        class="i-name"
    >icon-undo</span><span class="i-code">0xe849</span></div>
    <div
        class="the-icons span3"
        title="Code: 0xe84a"
    ><i
        class="demo-icon icon-random-selection"
    >&#xe84a;</i> <span
        class="i-name"
    >icon-random-selection</span><span
        class="i-code"
    >0xe84a</span></div>
    <div
        class="the-icons span3"
        title="Code: 0xe84b"
    ><i
        class="demo-icon icon-no-desktop"
    >&#xe84b;</i> <span class="i-name">icon-no-desktop</span><span
        class="i-code"
    >0xe84b</span></div>
  </div>
  <div class="row">
    <div
        class="the-icons span3"
        title="Code: 0xe84d"
    ><i
        class="demo-icon icon-repeat"
    >&#xe84d;</i> <span class="i-name">icon-repeat</span><span
        class="i-code"
    >0xe84d</span></div>
    <div
        class="the-icons span3"
        title="Code: 0xf020"
    ><i
        class="demo-icon icon-color-adjust"
    >&#xf020;</i> <span class="i-name">icon-color-adjust</span><span
        class="i-code"
    >0xf020</span></div>
    <div
        class="the-icons span3"
        title="Code: 0xf047"
    ><i
        class="demo-icon icon-move"
    >&#xf047;</i> <span
        class="i-name"
    >icon-move</span><span class="i-code">0xf047</span></div>
    <div
        class="the-icons span3"
        title="Code: 0xf0c9"
    ><i
        class="demo-icon icon-menu"
    >&#xf0c9;</i> <span
        class="i-name"
    >icon-menu</span><span class="i-code">0xf0c9</span></div>
  </div>
  <div class="row">
    <div
        class="the-icons span3"
        title="Code: 0xf0ea"
    ><i
        class="demo-icon icon-paste"
    >&#xf0ea;</i> <span class="i-name">icon-paste</span><span
        class="i-code"
    >0xf0ea</span></div>
    <div
        class="the-icons span3"
        title="Code: 0xf104"
    ><i
        class="demo-icon icon-ellipse"
    >&#xf104;</i> <span class="i-name">icon-ellipse</span><span
        class="i-code"
    >0xf104</span></div>
    <div
        class="the-icons span3"
        title="Code: 0xf105"
    ><i
        class="demo-icon icon-line"
    >&#xf105;</i> <span
        class="i-name"
    >icon-line</span><span class="i-code">0xf105</span></div>
    <div
        class="the-icons span3"
        title="Code: 0xf108"
    ><i
        class="demo-icon icon-desktop"
    >&#xf108;</i> <span class="i-name">icon-desktop</span><span
        class="i-code"
    >0xf108</span></div>
  </div>
  <div class="row">
    <div
        class="the-icons span3"
        title="Code: 0xf10b"
    ><i
        class="demo-icon icon-rect"
    >&#xf10b;</i> <span
        class="i-name"
    >icon-rect</span><span class="i-code">0xf10b</span></div>
    <div
        class="the-icons span3"
        title="Code: 0xf10d"
    ><i
        class="demo-icon icon-rotate"
    >&#xf10d;</i> <span class="i-name">icon-rotate</span><span
        class="i-code"
    >0xf10d</span></div>
    <div
        class="the-icons span3"
        title="Code: 0xf10f"
    ><i
        class="demo-icon icon-text"
    >&#xf10f;</i> <span
        class="i-name"
    >icon-text</span><span class="i-code">0xf10f</span></div>
    <div
        class="the-icons span3"
        title="Code: 0xf125"
    ><i
        class="demo-icon icon-crop"
    >&#xf125;</i> <span
        class="i-name"
    >icon-crop</span><span class="i-code">0xf125</span></div>
  </div>
  <div class="row">
    <div
        class="the-icons span3"
        title="Code: 0xf12d"
    ><i
        class="demo-icon icon-eraser"
    >&#xf12d;</i> <span class="i-name">icon-eraser</span><span
        class="i-code"
    >0xf12d</span></div>
    <div
        class="the-icons span3"
        title="Code: 0xf15b"
    ><i
        class="demo-icon icon-doc-inv"
    >&#xf15b;</i> <span class="i-name">icon-doc-inv</span><span
        class="i-code"
    >0xf15b</span></div>
    <div
        class="the-icons span3"
        title="Code: 0xf1fc"
    ><i
        class="demo-icon icon-brush"
    >&#xf1fc;</i> <span class="i-name">icon-brush</span><span
        class="i-code"
    >0xf1fc</span></div>
    <div
        class="the-icons span3"
        title="Code: 0xf308"
    ><i
        class="demo-icon icon-facebook-squared"
    >&#xf308;</i> <span
        class="i-name"
    >icon-facebook-squared</span><span
        class="i-code"
    >0xf308</span></div>
  </div>
  <div class="row">
    <div
        class="the-icons span3"
        title="Code: 0xf4ac"
    ><i
        class="demo-icon icon-comment"
    >&#xf4ac;</i> <span class="i-name">icon-comment</span><span
        class="i-code"
    >0xf4ac</span></div>
  </div>
</div>
<div class="container footer">Generated by
  <a href="http://fontello.com">fontello.com</a>
</div>
</body>
</html>
